<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="/bootstrap/css/bootstrap.min.css"  crossorigin="anonymous">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>左右结构页面</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            font-family: Arial, sans-serif;
        }
        .container {
            display: flex;
            height: 100vh;
        }
        .sidebar {
            width: 200px;
            background-color: #7ccccc;
            color: #fff;
            padding: 20px;
        }
        .sidebar h2 {
            margin: 0 0 20px;
        }
        .sidebar ul {
            list-style: none;
            padding: 0;
        }
        .sidebar ul li {
            margin-bottom: 10px;
        }
        .content {
            flex: 1;
            padding: 20px;
            background-color: #f9f9f9;
        }
    </style>
</head>
<body>

<div class="container">

    <!--  <div class="sidebar" th:include="left.html"></div>-->
    <div class="content" title="学生管理系统">
        <form action="/Student/edit" class="was-validated" method="post">


            <!--      <div class="form-group">-->
            <!--        <label for="id">ID:</label>-->
            <!--        <input type="text" class="form-control" id="id" placeholder="Enter order ID" name="id" required>-->
            <!--        <div class="valid-feedback">验证成功！</div>-->
            <!--        <div class="invalid-feedback">请输入 ID！</div>-->
            <!--      </div>-->
            <div class="form-group">
                <label for="userId">用户 ID:</label>
                <input type="text" class="form-control" id="userId" placeholder="Enter user ID" name="userId" required th:value="${student.id}">
                <div class="valid-feedback">验证成功！</div>
                <div class="invalid-feedback">请输入用户 ID！</div>
            </div>
            <div class="form-group">
                <label for="total">订单总价:</label>
                <input type="text" class="form-control" id="total" placeholder="Enter order total" name="total" required th:value="${student.total}">
                <div class="valid-feedback">验证成功！</div>
                <div class="invalid-feedback">请输入订单总价！</div>
            </div>
            <div class="form-group">
                <label for="description">订单描述:</label>
                <input type="text" class="form-control" id="description" placeholder="Enter order description" name="description" required th:value="${student.description}">
                <div class="valid-feedback">验证成功！</div>
                <div class="invalid-feedback">请输入订单描述！</div>
            </div>
            <!--      <div class="form-group">-->
            <!--        <label for="name">id:</label>-->
            <!--        <input type="text" class="form-control" id="name" placeholder="Enter student name" name="name"  required>-->
            <!--        <div class="valid-feedback">验证成功！</div>-->
            <!--        <div class="invalid-feedback">id！</div>-->
            <!--      </div>-->

            <!--      <div class="form-group">-->
            <!--        <label for="pwd">Password:</label>-->
            <!--        <input type="password" class="form-control" id="pwd" placeholder="Enter password" name="password" required>-->
            <!--        <div class="valid-feedback">验证成功！</div>-->
            <!--        <div class="invalid-feedback">请输入密码！</div>-->
            <!--      </div>-->
            <!--      <div class="form-group">-->
            <!--        <label for="exampleRadios1">性别:</label>-->
            <!--        <div class="form-check">-->
            <!--          <input class="form-check-input" type="radio" name="sex" id="exampleRadios1" value="1" checked>-->
            <!--          <label class="form-check-label" for="exampleRadios1">-->
            <!--            男-->
            <!--          </label>-->
            <!--        </div>-->
            <!--        <div class="form-check">-->
            <!--          <input class="form-check-input" type="radio" name="sex" id="exampleRadios2" value="0">-->
            <!--          <label class="form-check-label" for="exampleRadios2">-->
            <!--            女-->
            <!--          </label>-->
            <!--        </div>-->
            <!--      </div>-->
            <!--      <div class="form-group">-->
            <!--        <label for="clazz">班级:</label>-->
            <!--        <input type="text" class="form-control" id="clazz" placeholder="Enter age" name="clazz" required>-->
            <!--        <div class="valid-feedback">验证成功！</div>-->
            <!--        <div class="invalid-feedback">请输入班级！</div>-->
            <!--      </div>-->
            <!--      <div class="form-group">-->
            <!--        <label for="birthday">生日:</label>-->
            <!--        <input type="date" class="form-control" id="birthday" placeholder="Enter birthday" name="birthday" required>-->
            <!--        <div class="valid-feedback">验证成功！</div>-->
            <!--        <div class="invalid-feedback">请输入生日！</div>-->
            <!--      </div>-->
            <!--      <div class="form-group form-check">-->
            <!--        <label class="form-check-label">-->
            <!--          <input class="form-check-input" type="checkbox" name="remember" required> 同意协议-->
            <!--          <div class="valid-feedback">验证成功！</div>-->
            <!--          <div class="invalid-feedback">同意协议才能提交。</div>-->
            <!--        </label>-->
            <!--      </div>-->
            <button type="submit" class="btn btn-primary">修改</button>
        </form>



    </div>
</div>
<script src="/bootstrap/js/jquery.min.js"  crossorigin="anonymous"></script>
<script src="/bootstrap/js/bootstrap.bundle.min.js"  crossorigin="anonymous"></script>

</body>
</html>